import { createApp } from "vue";
import App from "./App.vue";
import "./registerServiceWorker";
import router from "./router";
import store from "./store"; // 引入 Vuex store
import "./mock/mockServe";
// import ElementPlus from 'element-plus';
import "element-plus/dist/index.css"; // 引入 Element Plus 的 CSS 样式
import { useDark, useToggle } from "@vueuse/core"; // 引入 useDark 和 useToggle
import "./assets/styles/dark-theme.css"; // 引入深色主题样式
import "./assets/styles/variables.module.scss"; // 引入深色主题样式
import i18n from "./i18n";

const app = createApp(App);

// 使用 Vuex store 和 Vue Router
app.use(store);
app.use(router);
app.use(i18n);
// 全局注册 Element Plus
// app.use(ElementPlus);
// 设置深色模式状态
const isDark = useDark(); // 检测当前是否为深色模式
const toggleDark = useToggle(isDark); // 切换深色和浅色模式

// 使用 provide 将深色模式状态提供给全局
app.provide("isDark", isDark);
app.provide("toggleDark", toggleDark);

app.mount("#app");
